<html>
    <head>
       <title>网页的标题</title>
       <meta charset="UTF-8">
    </head>
    <body>
        Hello world!<br/>
        <!--开始标签和结束标签是同一个标签  单标签 斜杠放在单词后面-->
        你好，HTNL。
        <p>这是第一个段落</p>
        <p>这是第二个段落</p>
        <!--段落标签-->
        <img src=".\imgs\girls.jpg" width="192" height="108" alt="图片加载失败">
        <!--
            img标签 图片标签
                src属性表示图片的大小
                width 和 heigth 表示图片的大小
                alt表示图片的提示（加载失败可以看到）


            路径问题 
                相对路径
                绝对路径
        -->
        
        <h1>标题一</h1>
        <h2>标题二</h2>
        <h3>标题三</h3>
        <h4>标题四</h4>
        <h5>标题五</h5>
        <h6>标题六</h6>
        <h7>标题二 h7是错误的</h7>
        <!-- HTML是解释性的语言 只要能解释就行 不会报错 游览器是容错的-->
        <h6>标题六<h6/abd>
        <h7>标题二</h7><br>
        <h2>标题二</h2>
        <h7>标题二</h7></h6>
        
        <!--她找不到标签的结束 所以后面都是标签6 直到迎来新的标签-->

        <!--h1~h6 是标题标签-->
        
        五零高手排行榜
        <ol type="I" start="3">
            <li>扫地僧</li>
            <li>萧远山</li>
            <li>木然</li>
            <li>徐周</li>
            <li>阿紫</li>
        </ol>
        <!--
            ol 有序列表
                start 从*开始
                type 排序形式 A a I i 1
        -->

        五零大会人员名单
        <ul type = "square">
            <li>阿悄</li>
            <li>白夫人</li>
            <li>芙蓉连</li>
            <li>阿沙</li>
        </ul>
        <!--
            ul 无序列表
                type disc(default) circle square
        -->

        <b><i><u>这是一段测试的演示文字</u></i></b> <br>
        <b>加粗</b> <br>
        <i>斜体</i> <br>
        <u>下划线</u><br>

        水分子的化学式  H<sub>2</sub>O <br>
        氧气的化学式    O<sup>2</sup>  <br>
        <!--注意嵌套标签要对应-->

        5&lt;10
        &copy;
        <!--HTML 实体符号-->

        <span>阿八八八</span>阿巴阿巴
        <!--通过span 本身并没有什么作用 可以对其进行进一步的修饰-->

        <a href="http://www.baidu.com" target="_blank">百度一下</a>
        <!--
            a 超链接
             herf 链接的地址
             target 
                _self 在本窗口打开
                _blank 在一个新窗口打开
                _parent 在父窗口打开
                _top 在顶层窗口打开
        -->




    </body>

</html>

